<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled </title>

<link  href="css/template.css" rel="stylesheet" type="text/css" media="screen" />

<script src="mootools-1.2.2-core.js" type="text/javascript"></script>
<script src="../Awf.animatedPng.js" type="text/javascript"></script>
<script type="text/javascript">

window.addEvent('domready',function(){
	
	var myAnimation = new Awf.pngAnimation('images/gnome-spinner.png',{
		width: 48,
		height: 48,
		rows: 5,
		cols: 7,
		fps: 10
	});
	$(myAnimation).inject($('spinner'));

	// With the stop method you can stop the animation, and with the start method you can start it again	 
	// myAnimation.stop();
	// $(myAnimation).destroy();

});
	
</script>

</head>
<body>

<div id="spinner"></div>

</body>
</html>
